import Vue from 'vue'
// import { Row, Button } from 'element-ui';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue'

import router from './router'
// 引入store
import store from './store'
// 引入mock
import './api/mock'

import Cookie from 'js-cookie'

Vue.use(ElementUI);

// 按需引入
// Vue.use(Row);
// Vue.use(Button);

// 添加全局前置导航守卫
router.beforeEach((to, from, next) => {
   // 判断token存不存在
   const token = Cookie.get('token')
    // token不存在，说明当前用户是未登录，应该跳转至登录页
    if(!token && to.name !== 'login'){
      next({ name: 'login' })
    } else if (token && to.name === 'login') { // token存在，说明用户登录，此时跳转至首页
      next({ name: 'home' })
    } else {
      next()
    }
  next();
});

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App),
  created() {
    store.commit('addMenu', router)
  },
}).$mount('#app')
